html, body { height: 100%; width: 100%;}
a { text-decoration:none;out-line: none; color: #777; }
a:link{text-decoration:none;out-line: none; color: #777;}
a:active{text-decoration:none;out-line: none; color: #777;}
a:visited{text-decoration:none;out-line: none; color: #777;}
a:hover{text-decoration:none;out-line: none; color: #777;}

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-user-select: none; user-select: none;}

.ts {
    transition: all .25s;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.navbar-header { float: none; }
.navbar-toggle.menu-toggle { position: absolute; display: block!important; left: 0; top: 0; margin-left: 15px;}
.navbar-brand { float: none; display: inline-block;}

.sale-ranking{margin-right: 0 !important;}
.control-bar {
    padding-left: 6rem;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
}

.control-bar select {
    width: 100%;
    box-sizing: border-box;
    outline: none;
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857143;
    color: #555;
    background: #f8f8f8 none;
    border: 1px solid #ccc;
    border-radius: 3px;
    vertical-align: middle;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.control-bar-open .control-bar {
    z-index: 1020;
    display: block;
}

.foot-menu { width: 50%!important; float: left; padding: 0; }
.foot-menu a { display: block; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; text-align: center; color: #777; border-right: 1px solid #e7e7e7; text-decoration: none; }
.foot-menu.active a { color: #fff; background-color: #337ab7;}
.foot-menu:last-child a { border-right: none; }


.page-container {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.report-container { position: absolute; right: 0; left: 0; top: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}

.report-menu {
    z-index: 1060;
    visibility: hidden;
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background: rgb(255,255,255);
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -webkit-overflow-scrolling : touch;
}
.report-menu-mask {
    z-index: 1050;
    position: absolute;
    display: none;
    left: 0; right: 0; top: 0; bottom: 0;
    background: rgba(0,0,0,0.1);
}
.menu-open { overflow: hidden;}
.menu-open .navbar,
.menu-open .report-container {
    transform: translateX(200px);
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -ms-transform: translateX(200px);
    -o-transform: translateX(200px);
}
.menu-open .navbar { position: absolute;}
.menu-open .navbar:last-child { bottom: 0;}
.menu-open .report-menu-mask {
    display: block;
    transform: translateX(200px);
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -ms-transform: translateX(200px);
    -o-transform: translateX(200px);
}
.menu-open .report-menu {
    visibility: visible;
    display: block;
    width: 200px;
    border-right: 1px solid rgb(220,220,220);
    overflow-y: scroll;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}

.user-info { margin: 30px 0;}
.user-info .head-picture { width: 80px; height: 80px; margin: 0 auto; background: #eee; border-radius: 100%; }
.user-info .head-picture img { width: 100%; height: 100%; border-radius: 100%; }
.user-info .nickname { height: 20px; line-height: 20px; margin-top: 10px; font-size: 14px; font-weight: bold; text-align: center; }
.restaurant-list { list-style: none; margin-top: 20px; padding: 1px 0; background: #eee;}
.restaurant-list li { display: block; margin-top: 1px; padding: 8px 10px; background: #fff; color: #777; text-decoration: none; cursor: pointer; }
.restaurant-list li.active { color: #fff; background-color: #337ab7; }

.menu-list { list-style: none; margin-top: 20px; padding: 1px 0; background: #eee;}
.menu-list li { display: block; margin-top: 1px; padding: 8px 10px; background: #fff; color: #777; text-decoration: none; cursor: pointer; }
.menu-list li.active { color: #fff; background-color: #337ab7; }


.report-main { display: none; min-height: 100%; padding: 55px 5px; background: #eee; overflow-x: hidden; overflow-y: auto;}
.report-every-main { min-height: 100%; padding: 55px 5px; background: #eee; overflow-x: hidden; overflow-y: auto;}

.report-head { margin: 5px;}
.report-head .report-title { line-height: 45px; height: 45px; padding: 0 10px; font-size: 16px; text-align: center; background: #fff;}
.report-head .report-title span { font-size: 16px;}
.report-body { overflow: hidden;}

.report-index-menu { padding: 50px 0; margin: 5px; background: #fff;}
.report-index-menu .report-index-primary { font-size: 18px; height: 2em; line-height: 2em; text-align: center;}
.report-index-menu .report-index-secondary { display: inline-block; margin-left: 0.5em; font-size: 14px; color: #777; vertical-align: baseline;}

.report-data { margin: 0; padding: 0; overflow: hidden;}
.report-data-block { padding: 10px; margin: 5px; background: #fff;}
.report-data-block .report-data-title { padding: 10px 10px 0 10px; font-size: 16px; font-weight: bold;}
.report-data-block .report-data-primary { font-size: 2em; height: 2em; line-height: 2em; color: #337ab7; text-align: center;}
.report-data-block .report-data-secondary { display: inline-block; margin-left: 0.5em; font-size: 14px; color: #777; vertical-align: baseline;}

.report-table { display: none; float: none; clear: both; width: auto!important; margin: 10px 5px; padding: 10px; position: relative; background: #fff; border: none!important;-webkit-overflow-scrolling : touch; }
.report-table caption { padding: 10px; background: #f3f3f3; color: #333;}
.report-table caption.control-bar { overflow: hidden; zoom: 0;}
.report-table caption.control-bar .report-table-title { float: left; display: inline-block; line-height: 1.5; padding: 5px 0;}
.report-table caption.control-bar .btn-group { float: right;}
.report-copyright { float: none; clear: both; position: relative; font-size: 9px; color: #777; text-shadow: 1px 1px 1px #fff;  text-align: center; }


/* DateChooser */
.date-chooser-block { position: relative; margin-bottom: 10px; background: #fff; overflow: hidden; -webkit-user-select: none; user-select: none;}

.date-chooser-mode { list-style: none; padding: 0; margin-left: 0; overflow: hidden; }
.date-chooser-mode li { width: 33.333%; float: left; height: 45px; line-height: 45px; font-size: 16px; text-align: center; cursor: pointer;}
.date-chooser-mode li.active { background: #337ab7; color: #fff;}
.date-chooser-mode li span { display: none;}

.date-chooser-new-mode { list-style: none; padding: 0; margin-left: 0; overflow: hidden; }
.date-chooser-new-mode li { width: 25%; float: left; height: 45px; line-height: 45px; font-size: 16px; text-align: center; cursor: pointer; border-left: 1px solid #eee}
.date-chooser-new-mode li:first-child { border-left: none 0}
.date-chooser-new-mode li.active { background: #337ab7; color: #fff;}
.date-chooser-new-mode li span { display: none;}

.date-range-picker { position: relative; height: 45px; line-height: 45px; font-size: 16px; text-align: center; cursor: pointer;}
.date-range-picker i { display: none; font-size: 16px;}
.date-range-picker.date-range-picker-on i { display: inline; font-size: 16px;}
.date-range-picker .date-range-picker-event { display: none;}
.date-range-picker.date-range-picker-on .date-range-picker-event { position: absolute; display: block; width: 100%; height: 45px; top: 0; left: 0; opacity: 0;}

.date-range-new-picker { position: relative; height: 45px; line-height: 45px; font-size: 16px; text-align: center; cursor: pointer; margin-bottom: 10px}
.date-range-new-picker .data-range-time { width: 33.33%; float: left}
.date-range-new-picker i { font-size: 16px;}
.date-range-new-picker .data-range-picker-time i { display: none;}
.date-range-new-picker .date-range-picker-on i { display: inline; font-size: 16px;}
.date-range-new-picker .date-range-picker-event { display: none;}
.date-range-new-picker .date-range-picker-on .date-range-picker-event { position: absolute; display: block; width: 100%; height: 45px; top: 0; left: 0; opacity: 0;}

.date-range-new-picker-range { position: relative; height: 45px; line-height: 45px; font-size: 16px; text-align: center; cursor: pointer; margin-bottom: 10px}
.date-range-new-picker-range i { font-size: 16px;}
.date-range-new-picker-range.date-range-picker-on i { display: inline; font-size: 16px;}
.date-range-new-picker-range .date-range-picker-event { display: none;}
.date-range-new-picker-range.date-range-picker-on .date-range-picker-event { position: absolute; display: block; width: 100%; height: 45px; top: 0; left: 0; opacity: 0;}

.date-btn-control { display: none; position: relative;}
.date-btn-control .date-control { float: left; width: 50%; height: 45px; line-height: 45px; font-size: 14px; text-align: center; color: #777; border-left: 1px solid #eee; cursor: pointer;}
.date-btn-control .date-control:first-child { border-left: none 0;}
.date-btn-control .date-control:hover { background: #f8f8f8;}
.date-btn-control .date-control:active { background: #337ab7; color: #fff;}
.date-btn-control .date-control:active i { color: #fff;}


.report-data-loading { position: absolute; width: 100%; height: 100%; background: rgba(255,255,255, 0.1); }
.report-data-loading .loading { position: absolute; z-index: 3000; left: 50%; top: 35%; margin-left: -16px; display: block; background: url(/Content/img/loading128.gif) no-repeat; background-size: 32px 32px; width: 32px; height: 32px; }
.report-data-loading-new { position: absolute; width: 100%; height: 100%; background: rgba(255,255,255, 0.1); z-index: 9999}
.report-data-loading-new .loading { position: absolute; z-index: 3000; left: 50%; top: 35%; margin-left: -16px; display: block; background: url(../img/loading128.gif) no-repeat; background-size: 32px 32px; width: 32px; height: 32px; }


.restaurant-list li {
    position: relative;
}
.restaurant-list li .remove {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    height: 100%;
    padding: 8px 10px;
    text-align: center;
}

.ts-new {
    transition: all .25s;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.report-menu-new{
    z-index: 1060;
    width: 200px;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background: rgb(255,255,255);
    -webkit-overflow-scrolling : touch;
}

.report-container-new {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1061;
}

.report-navbar-new {
    z-index: 1062;
}

.report-menu-mask-new {
    z-index: 1099;
    position: absolute;
    display: none;
    left: 0; right: 0; top: 0; bottom: 0;
    background: rgba(255,255,255, 0.1);
}

.menu-open-new .report-container-new{
    transform: translateX(200px);
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -ms-transform: translateX(200px);
    -o-transform: translateX(200px);
    box-shadow: 0 0 10px #aaaaaa;
    box-sizing: border-box;
    border-left: 1px solid #bbbbbb;
}

.menu-open-new .report-menu-mask-new {
    display: block;
    transform: translateX(200px);
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -ms-transform: translateX(200px);
    -o-transform: translateX(200px);
}